import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import postcssPxtoRem from 'postcss-pxtorem'
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  base:'/',
  resolve: {
    //别名配置
    alias: [
      {
        find: "@",
        replacement: "/src",
      },
    ],
    //忽略文件名
    extensions: [".mjs", ".js", ".ts", ".jsx", ".tsx", ".json", ".vue"],
    devServer: {
      // proxy: {
      //   '/api': {
      //     target: 'http://192.168.1.22:8081/',//后端地址加端口
      //     changeOrigin: true,
      //     pathRewrite: { '^/xrw-web': '' },
      //   },
      // },
    },
  },
  define:{
    'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
  },
  css: {
    postcss: {
      plugins: [
        postcssPxtoRem({
          rootValue: 192, // 按照自己的设计稿修改 1920/10
          unitPrecision: 5, // 保留到5位小数
          selectorBlackList: ['ignore', 'tab-bar', 'tab-bar-item'],  // 忽略转换正则匹配项
          propList: ['*'],
          replace: true,
          mediaQuery: false,
          minPixelValue: 0
        })  
      ]
    }
  }, 
});
